<%@ page language='java' contentType='text/html; charset=UTF-8'
    pageEncoding='UTF-8'%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
    String path = request.getContextPath();
%>
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />

<!-- Apple iOS and Android stuff (do not remove) -->
<meta name="apple-mobile-web-app-capable" content="no" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1" />

<!-- Required Stylesheets -->
<link rel="stylesheet" type="text/css" href="../resources/css/reset.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="../resources/css/text.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="../resources/css/fonts/ptsans/stylesheet.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="../resources/css/fluid.css"  media="screen" />

<link rel="stylesheet" type="text/css" href="../resources/css/mws.style.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="../resources/css/icons/16x16.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="../resources/css/icons/24x24.css"  media="screen" />
<link rel="stylesheet" type="text/css" href="../resources/css/icons/32x32.css"  media="screen" />

<!-- Theme Stylesheet -->
<link rel="stylesheet" type="text/css" href="../resources/css/mws.theme.css"  media="screen" />
<!-- JavaScript Plugins -->
<script type="text/javascript" src="../resources/js/jquery-1.7.2.min.js" ></script>

<title>用户首页</title>

</head>

<body>
	<!-- Header -->
	<div id="mws-header" class="clearfix">
    
    	<!-- Logo Container -->
    	<div id="mws-logo-container">
        
        	<!-- Logo Wrapper, images put within this wrapper will always be vertically centered -->
        	<div id="mws-logo-wrap">
            	<img src="../resources/images/mws-logo.png"  alt="mws admin" />
			</div>
        </div>
        
        <!-- User Tools (notifications, logout, profile, change password) -->
        <div id="mws-user-tools" class="clearfix">
            
			<!-- User Information and functions section -->
            <div id="mws-user-info" class="mws-inset">
            
            	<!-- User Photo -->
            	<div id="mws-user-photo">
                	<img src="../resources/images/defaultAvatar.jpg"  alt="User Photo" />
                </div>
                
                <!-- Username and Functions -->
                <div id="mws-user-functions">
                    <div id="mws-username">
                        Hello, ${user.userName}
                    </div>
                    <ul>
                    	<li><a href="#">Profile</a></li>
                        <li><a href="#">修改密码</a></li>
                        <li><a href="index.html" >退出</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Start Main Wrapper -->
    <div id="mws-wrapper">
    
    	<!-- Necessary markup, do not remove -->
		<div id="mws-sidebar-stitch"></div>
		<div id="mws-sidebar-bg"></div>
        
        <!-- Sidebar Wrapper -->
        <div id="mws-sidebar">
        
        	<!-- Searchbox -->
        	<div id="mws-searchbox" class="mws-inset">
            	<form action="http://www.malijuthemeshop.com/themes/mws-admin/1.5/typography.html">
                	<input type="text" class="mws-search-input" />
                    <input type="submit" class="mws-search-submit" />
                </form>
            </div>
            
            <!-- Main Navigation -->
            <div id="mws-navigation">
            	<ul>
                	<li class="active"><a href="dashboard.html"  class="mws-i-24 i-home">Dashboard</a></li>
                	<li><a href="charts.html"  class="mws-i-24 i-chart">Charts</a></li>
                	<li><a href="calendar.html"  class="mws-i-24 i-day-calendar">Calendar</a></li>
                	<li><a href="files.html"  class="mws-i-24 i-file-cabinet">File Manager</a></li>
                	<li><a href="table.html"  class="mws-i-24 i-table-1">Table</a></li>
                	<li>
                    	<a href="#" class="mws-i-24 i-list">Forms</a>
                        <ul>
                        	<li><a href="form_layouts.html" >Layouts</a></li>
                        	<li><a href="form_elements.html" >Elements</a></li>
                        </ul>
                    </li>
                	<li><a href="widgets.html"  class="mws-i-24 i-cog">Widgets</a></li>
                	<li><a href="typography.html"  class="mws-i-24 i-text-styling">Typography</a></li>
                	<li><a href="grids.html"  class="mws-i-24 i-blocks-images">Grids &amp; Panels</a></li>
                	<li><a href="gallery.html"  class="mws-i-24 i-polaroids">Gallery</a></li>
                	<li><a href="error.html"  class="mws-i-24 i-alert-2">Error Page</a></li>
                	<li>
                    	<a href="icons.html"  class="mws-i-24 i-pacman">
                        	Icons <span class="mws-nav-tooltip">2000+</span>
                        </a>
                    </li>
                </ul>
            </div>            
        </div>
        
        <!-- Main Container Start -->
        <div id="mws-container" class="clearfix">
        	
        	
        	<div class="mws-panel grid_8">
                	<div class="mws-panel-header">
                    	<span class="mws-i-24 i-table-1">用户列表</span>
                    </div>
                    <div class="mws-panel-body">
                    	<div class="mws-panel-toolbar top clearfix">
                        	<ul>
                            	<li><a href="#" class="mws-ic-16 ic-accept">Accept</a></li>
                            	<li><a href="#" class="mws-ic-16 ic-cross">Reject</a></li>
                            	<li><a href="#" class="mws-ic-16 ic-printer">Print</a></li>
                            	<li><a href="#" class="mws-ic-16 ic-arrow-refresh">Renew</a></li>
                            	<li><a href="#" class="mws-ic-16 ic-edit">Update</a></li>
                            </ul>
                        </div>
                        <table class="mws-table">
                            <thead>
                                <tr>
                                	<th><input type="checkbox" /></th>
                                    <th>ID</th>
                                    <th>用户名</th>
                                    <th>邮箱</th>
                                    <th>编辑</th>
                                    <th>删除</th>
                                </tr>
                            </thead>
                            <tbody>
                                <c:forEach items="${list}" var="u">
									<tr class="gradeX">
	                                	<td><input type="checkbox" /></td>
	                                    <td>${u.userId}</td>
	                                    <td>${u.userName}</td>
	                                    <td>${u.userEmail}</td>
	                                    <td class="center"><a href="<%=path %>/user/${u.userId}/edit">编辑</a></td>
	                                    <td class="center"><a href="javascript:void(0);" onclick="del('${u.userId}')">删除</a></td>
                                	</tr>
								</c:forEach>
                            </tbody>
                        </table>
                    </div>    	
                </div>
                
            <!-- Footer -->
            <div id="mws-footer">
            	Copyright Your Website 2012. All Rights Reserved.
            </div>
            
        </div>
        <!-- Main Container End -->
        
    </div>

</body>
</html>